<!DOCTYPE html>
   <html>
     <head>
	   <meta charset="utf-8" />
	   <title>Test de Jquery Mobile - Maquette TempoMobile</title>
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.css" />
       <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
       <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.js"></script>
     </head>
    <body>
     <div data-role="page">
       <div data-role="header"><h1>Maquette TempoMobile</h1>
       </div>
       <div data-role="content">
			<h2>Relevé de la tâche X</h2>
   
			<form action="<?php echo site_url('restserver_releves') . '/releve/format/json' ?>" method="post" id="form" data-transition="flow" data-rel="dialog">
				<div data-role="fieldcontain">
			       <label for="datereleve">Date du relevé&nbsp;:</label>
			       <input type="date" name="datereleve" id="datereleve" value="" required="required" autofocus="autofocus" data-mini="true" />
			  </div>
		      <div data-role="fieldcontain">
			       <label for="nombreheuresrealise">Nombre d'heures&nbsp;:</label>
			       <input type="number" min="1" max="10" name="nombreheuresrealise" id="nombreheuresrealise" value="" required="required" data-mini="true" />
			  </div>
			  <div data-role="fieldcontain">
			       <label for="commentaires">Descriptif&nbsp;:</label>
			       <textarea name="commentaires" id="commentaires" data-mini="true" ></textarea>
			  </div>	
			  <div data-role="fieldcontain">
			       <input type="hidden" name="numtache" id="numtache" value="2" />
			  </div>	
			  <div data-role="fieldcontain">
			       <input type="hidden" name="matricule" id="matricule" value="3" />
			  </div>	
			  <div class="ui-block-b">
			 	<button type="submit" data-mini="true" data-inline="true" data-theme="d">Envoyer</button>
			 </div>
			 </form>
			  				
       </div>
     </div>
     </body>
   </html>
